<template>
  <div id="app">
    <div id="nav">
    </div>
    <router-view />
  </div>
</template>


<script>
export default {
  mounted() {
    
  }
};
document.addEventListener("DOMContentLoaded", () => {
  //初始化rem 浏览器原始1rem=16px，此时1rem为浏览器页面宽度/10
  const html = document.querySelector("html");
  var fontSize = window.innerWidth / 10;
  fontSize = fontSize > 50 ? 50 : fontSize;
  html.style.fontSize = fontSize + "px";
});
</script>

<style lang="scss" scoped>
@import "./assets/styles/global";
#app{
  width: 100%;
  height: 100;
  overflow: hidden;
}
</style>
